<!DOCTYPE html>
<html>
    <head>
        <title>SICEA</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="SICEA" />
        <meta name="author" content="4aWeb" />
        <link href="css/normalize.css" rel="stylesheet">
        <link href="css/estilos.css" rel="stylesheet">
        <script src="js/jquery1_10_2.js"></script>
        <script src="js/indexJs.js"></script>
    </head>
    <body>
        <header class="principal">
            <img alt="Logo" src="imgs/logoBarnard.png">
            <div>
                <h1>
                    Colegio Interamericano Barnard
                </h1>
                <h3>
                    Unidos por la exelencia educativa
                </h3>
            </div>
        </header>
        <section id="contenido" class="principal">
            <div id="slider" class="de60" style="min-height: 260px;">
                Aqu&iacute; va el Slider
            </div>
            <form id="login" name="login" method="post" class="de40" >
                <label>Sistema de Control Escolar</label>
                <input type="text" name="inpUsuario" id="inpUsuario" placeholder="Nombre de Usuario" class="inpLogin">
                <input type="password" name="inpPass" id="inpPass" placeholder="Contrase&ntilde;a" class="inpLogin">
                <label id="lblOpcion" style="color: red;display: none">Usuario Incorrecto</label>
                <input type="button" name="btnLogin" id="btnLogin" value="Iniciar">
            </form>
        </section>
        <footer class="principal">
            &copy; 2013 <a href="#">4Aweb</a>
        </footer>
    </body>
</html>
